<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">

    <title>课堂-成员</title>

    <link rel="stylesheet" href="../../../static/css/vendor/ion-fonts.css">
    <link rel="stylesheet" href="../../../static/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="../../../static/css/style.css">
    <link rel="stylesheet" href="../../../static/test/ziy/common.css">
    <link rel="stylesheet" href="../../../static/test/ziy/iconfont.css">
    <link rel="stylesheet" href="../../../static/test/topicDiscusscss/topic.css">
    <link rel="stylesheet" href="../../../static/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../static/css/modules/layer/default/layer.css">
</head>

<body>
<script src="../../../static/js/vendor/jquery-1.12.4.min.js"></script>
<script src="../../../static/js/vendor/bootstrap.min.js"></script>
<script src="../../../static/js/layui.js"></script>
<script src="../../../static/js/modules/layer.js"></script>





<div class="main-wrapper">

    <header class="header-main_area">
        <div class="header-top_area">
            <div class="container">
                <div class="row" style="height: 45px;">
                    <div class="col-lg-4">
                        <div class="ht-left_area in-header return">
                            <a class="return" style="top: 5px;" href="../../../index/index.html"<!--th:href="@{'/matter/Amatter/'+${id}}"-->>
                                <span style="background:#fed100;color:#333333;"><i class="iconfont iconfanhui" style="color: black;"></i>返回</span>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-8">
                        <div class="ht-right_area">
                            <div class="ht-menu">
                                <ul>
                                    <li><a href="#"></a></li>
                                    <li><a href=""></a></li>
                                    <li><a href="/user/personal"><i class="ion-person"></i>个人中心</a></li>
                                    <li><a href="/doLogout"><i class="ion-log-out"></i>退出用户</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

</div>

<!--------------------------------------------话题---------------------------->
<div style="height: 20px;">

</div>

<div class="container2" style="border: 1px  solid #CCC ; ">
    <!-- 话题topic -->
    <section id="topic" class="topictitle" th:each="matter:${matter}">
        <header class="topic_header">
            <p class="topic_title">
                <span th:text="${matter.headline}"> 发的发 话题标题aaaaaaaaaaaaaaaaaaaaaaaaaa</span>

            </p>



        </header>
        <div class="topic_content">
            <span th:text="${matter.mdetail}">   ssssssssssssssssssssssssssssssssssssssss发的说法 话题讨论</span>
        </div>
        <footer class="topic_footer" data-id="387203">
            <img src="../../../static/test/topicDiscusscss/26.png">
            <span class="topic_author" th:text="${matter.username}">方良柯</span>
            <span class="topic_time" th:text="${#dates.format(matter.createdate, 'yyyy-MM-dd HH:mm')}">发布于06月27日&nbsp;&nbsp;11:53</span>

        </footer>
        <div class="praise">

            <a href="javascript:;" id="praise" style="background-color: #ccc;"> 0 </a>

            <p id="praisep">

                <span class="praise_tips_none">暂无点赞</span>
                <span class="praise_tips hide2">等已点赞</span>

            </p>
        </div>
    </section>
       <!--------------------------------------------话题 end---------------------------->
    <!------------------------------------------------------- 评论comment -->
    <section id="comment" class="topictopicclear">
        <a href="javascript:;" class="headbig" id="username" data-username="方良柯">
            <img id="myphoto" class="headbig" src="../../../static/test/topicDiscusscss/26.png">
        </a>
        <div class="input-comment-area">
            <textarea id="comment_input" placeholder="说点什么" style="display:block;width: 100%;padding:10px 20px;height: 112px;color: #444;resize:none;font-size: 14px;font-family: pingfang;box-sizing: border-box;border-radius: 5px;"></textarea>
            <div class="layui-input-block" th:each="matter:${matter}">
                <input type="text"  id="matter-name" th:value="${matter.id}" required lay-verify="required"
                       placeholder="请输入标题" autocomplete="off" class="layui-input" style="display: none">
            </div>
            <div class="annex-box"></div>
            <div class="switchbutton">
                <input class="switchbutton-checkbox" id="onoffswitch" type="checkbox">
                <label class="switchbutton-label" for="onoffswitch">
                    <span class="switchbutton-inner" data-on="匿名" data-off="实名"></span>
                    <span class="switchbutton-switch"></span>
                </label>
            </div>
            <button id="submit_comment" style="vertical-align: middle;" onclick="commentadd()">发表评论</button>
        </div>

    </section>
    <!-- 评论comment end -->
    <!-- 精选回复 -->
    <section id="starcomment" class="topicclear"></section>
    <!-- 精选回复end -->
    <!-- 全部回复 -->
    <section id="allcomment" class="topicclear"><h4 class="title">全部评论</h4>


        <div data-id="MDAwMDAwMDAwMLOspdyG38mwhctyoQ" class="comment topicclear commentdisucss comment-id-MDAwMDAwMDAwMLOspdyG38mwhctyoQ" th:each="comment:${comment}">
            <div >
                <a class="headbig" href="javascript:;">
                    <img src="../../../static/test/topicDiscusscss/26.png">
                    <p style="margin-top: 5px;" th:text="${comment.userName}">方良柯</p>
                </a>
                <div class="comment_right" th:text="${comment.content}">对方是否

                </div>
                <p class="right comment_bottom" data-id="MDAwMDAwMDAwMLOspdyG38mwhctyoQ">

                    <span th:text="${#dates.format(comment.comTime, 'yyyy-MM-dd HH:mm')}">23:16</span>


                    <a th:onclick="'javascript:cdel(\''+${comment.id}+'\');'">删除</a>
                    <a class="allreseponse" >

                       <button  th:onclick="'javascript:r(\''+${comment.id}+'\');'"  th:commentid="${comment.id}" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">回复</button>
                        </a>
                </p>
<!--
                <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" >
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">

                            <div class="modal-body">
                                <form>
                                    <div class="form-group" >

                                        <input type="text" class="form-control" id="comment-id" th:value="${comment.id}">
                                    </div>
                                    <div class="form-group" >
                                        <label for="reply-content" class="control-label">回复内容:</label>
                                        <textarea class="form-control" id="reply-content"></textarea>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                <a type="button" class="btn btn-primary"  th:onclick="'javascript:replyadd(\''+${comment.id}+'\');'">回复</a>
                            </div>
                        </div>
                    </div>
                </div
-->
                <div class="input-group"  th:if="((${reply != null})and(${comment.id}==${commentid}))" th:each="reply:${reply}">
                    <span class="input-group-addon" id="basic-addon1" th:text="${username}">回复人</span>
                    <input type="text" class="form-control" placeholder="你说的很对" aria-describedby="basic-addon1"
                           th:value="${reply.replycontent}" readonly="readonly"
                    >
                </div>
                <div class="input-group"  th:if="${reply == null}">
                    <span ></span>
                    <input >
                </div>

              <!--  <div  th:if="${reply != null}" th:each="reply:${reply}">
                    <span th:text="${reply.replycontent}">回复人</span>
                    <div >内容</div>
                </div>
                <div  th:if="${reply == null}">
                    <span></span>
                    <div></div>
                </div>-->
            </div>
            <div class="allresponse_list">

            </div>


           <!-- <div class="clear"></div>
            <div class="huifu" style="padding: 20px;">

                <div class="allhuifu" style="margin-top: 0px;">
                    <div class="contenteditable" placeholder="谈谈你的看法" contenteditable="true"></div>
                    <p style="margin-top: 20px;text-align: right;">
                        <a href="javascript:;" class="giveup">取消</a>
                        <input type="button" name="" value="发布" class="release" data-id="MDAwMDAwMDAwMLOspdyG38mwhctyoQ">
                    </p>
                </div>
            </div>-->
        </div>

    </section>
    <!--模态回复框-->
<!--
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" >
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-body">
                    <form>
                        <div class="form-group" >

                            <input type="text" class="form-control" id="comment-id"  >
                        </div>
                        <div class="form-group" >
                            <label for="reply-content" class="control-label">回复内容:</label>
                            <textarea class="form-control" id="reply-content"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" th:onclick="'javascript:replyadd(\''+${comment.id}+'\');'">回复</button>
                </div>
            </div>
        </div>
    </div>
-->
    <!-- 全部回复  end-->
    <div id="shadow-image"></div>

<!--
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" th:each="comment:${comment}">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-body">
                    <form>
                        <div class="form-group" >

                            <input type="text" class="form-control" id="comment-id" th:value="${comment.content}">
                        </div>
                        <div class="form-group" >
                            <label for="reply-content" class="control-label">回复内容:</label>
                            <textarea class="form-control" id="reply-content"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <a type="button" class="btn btn-primary"  th:onclick="'javascript:replyadd(\''+${comment.id}+'\');'">回复</a>
                </div>
            </div>
        </div>
    </div>
-->


</div>
<!------------------------------------------------------- 评论comment end------------------------------>
<script src="../../../static/js/appjs/interact/discuss.js"></script>
<script type="text/javascript">
    //点击回复
    $('.allreseponse').click(function () {
        // $('.huifu').attr('style','padding: 20px;');
        var it=$(this).parent().siblings('.huifu');
        it.attr('style','padding: 20px;');
        it.children().attr('style','margin-top: 0px;');
    })

    //点击取消
    $('.giveup').click(function () {
        $(this).parents('.allhuifu').attr('style','height: 0;');
        $(this).parents('.huifu').removeAttr('style');
    })
</script>
</body>

</html>

